<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>车主认证</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
 <link rel="stylesheet" href="http://at.alicdn.com/t/font_547056_gqkg6o7rbvi5p14i.css">
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/style.css">
<style>
.weui-cell{height:40px}
.weui-media-box {
    padding: 0px; 
}
.weui-media-box__desc {
    color: #000;
    font-size: 13px;
}
.weui-cells {
    margin-top: 0px; 
  
}
.weui-cells:before {
    border-top: 0px solid #e5e5e5;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 0px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*加padding防止文字覆盖*/
    padding-right: 1px;
    outline: none;
    box-shadow: none;
    margin-left: 15px;
}
.weui-cell {
    padding: 1px 10px;
}
.weui-msg__opr-area {
    margin-bottom: 0px;
}
.weui-btn-area {
    margin: 0.8em 15px .3em;
}
</style>
</head>
<body  style="background:#f4f4f4">
 <div class="index-top">
    <div class="index-back" onClick="javascript:history.back(-1);">
      <img src="images/back.png" width="15">
    </div>
    <p class="index-title">车主认证</p>
  </div>
  <!-- 这里写内容 -->
  <div   style="margin-top:40px;">
    <div style="background:white;height: 140px">
      <div  style="padding:15px">
       <span   style="color:#3F85FE;margin-right: 15px" class="icon  icon-1"></span>
       <span   style="font-size:20px;font-weight:bolder">选择车辆品牌</span>
       <a  href="#" style="float:right;color: #84A1C0">需要帮助 <span class="icon icon-jiantou"></span></a>
   </div>
	  <div>
          <div class="weui-cell weui-cell_access"   style="border: 1px solid  #CACACA;margin: 15px;border-radius: 3px">
                  <div class="weui-cell__hd"  style="color:#8D8D8D">车辆品牌</div>
                  <div class="weui-cell__bd">
                      <input class="weui-input"   style="float: left;width: 50%;margin-left: 10px" type="text"  placeholder="请输入车型">
                      <!--<input     style="float: left" type="text"  placeholder="请输入车型">-->
                      <select    style="float: right;color: #8D8D8D"  >
                          <option  style="">请选择颜色</option>
                          <option   value="白色" > 白色</option>
                          <option value="红色">红色</option>
                          <option  value="黑色">黑色</option>
                          <option value="银色">银色</option>
                          <option value="香槟色">香槟色</option>
                          <option  value="灰色">灰色</option>
                          <option  value="蓝色">蓝色</option>
                          <option  value="黄色">黄色</option>
                          <option  value="绿色">绿色</option>
                          <option  value="咖啡色">咖啡色</option>
                          <option  value="橙色">橙色</option>
                          <option  value="其他">其他</option>
                      </select>
                      <!--<p> 奥迪A6红色</p>-->
                  </div>
                  <div class="weui-cell__ft"></div>
          </div>
          <div class="weui-cell weui-cell_access"   style="border: 1px solid  #CACACA;margin: 15px;border-radius: 3px">
              <div class="weui-cell__hd"  style="color:#8D8D8D">车牌号码</div>
              <div class="weui-cell__bd">
                  <input id="car_number" style="width:100%;height:40px;border-radius: 5px;padding-left: 10px" class="weui-input" type="text" placeholder="例：豫p00000">
              </div>
          </div>
        </div>
    </div>
    <div style="background:white;margin-top: 10px;height: 210px">
          <div  style="padding:15px">
              <span   style="color:#3F85FE;margin-right: 15px" class="icon  icon-2"></span>
              <span   style="font-size:20px;font-weight:bolder">上传证件信息</span>
          </div>
        <div>
            <div  style="border: 1px  solid  #f4f4f4;width: 41%;height: 120px;float: left;margin-left: 7%;text-align: center">
                <a  href="#">
                    <span     style="line-height: 80px ;color: #cecece" class="icon icon-22jiahao"></span>
                    <div  style="color: #8D8D8D" >上传本人驾照</div>
                </a>

            </div>
            <div  style="border: 1px  solid  #f4f4f4;width: 41%;height: 120px;float: right;margin-right: 7%;text-align: center">
                <a  href="#e">
                    <span     style="line-height: 80px ;color: #cecece" class="icon icon-22jiahao"></span>
                    <div style="color: #8D8D8D" >上传本人或他人行驶证</div>
                </a>
            </div>

        </div>
      </div>
      <div class="weui-msg__opr-area"   style="width:100%;padding-bottom: 10px;margin-top: 10px">
          <div  style="padding-top: 5px;text-align: center;color: #8D8D8D">提交资料代表同意<a  href="#"  style="color: #fe8200">《合乘协议》</a>信息仅用于认证，不外泄</div>
          <p class="weui-btn-area">
              <a href="javascript:;" class="weui-btn weui-btn_primary"   style="background:#4B4C5E" >提交认证</a>
          </p>

      </div>
 </div>

</body>
</html>
